﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="libs/bootstrap.min.css" rel="stylesheet" />
    <link href="StyleSheet.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <header class="page-header">
            <h1>JavaScript Oidc Client</h1>
        </header>

        <div class="row">
            <ul class="list-unstyled list-inline">
                <li><a class="btn btn-primary" href="index.html">Home</a></li>
                <li><button class="btn btn-default login">Login</button></li>
                <li><button class="btn btn-default popup">Login with popup</button></li>
                <li><button class="btn btn-primary renew">Renew Token</button></li>
                <li><button class="btn btn-primary call">Call Service</button></li>
                <li><button class="btn btn-info revoke">Revoke Access Token</button></li>
                <li><button class="btn btn-info logout">Logout</button></li>
            </ul>
        </div>

        <div class="row">
            <ul class="list-unstyled list-inline">
            </ul>
        </div>

        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">Message</div>
                <div class="panel-body">
                    <pre id="response"></pre>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="panel panel-default">
                    <div class="panel-heading">Current User</div>
                    <div class="panel-body">
                        <pre id="id-token"></pre>
                    </div>
                </div>
            </div>

            <!--<div class="col-sm-4">
                <div class="panel panel-default">
                    <div class="panel-heading">Access Token</div>
                    <div class="panel-body">
                        <pre id="access-token"></pre>
                    </div>
                </div>
            </div>-->

            <div class="col-sm-6">
                <div class="panel panel-default">
                    <div class="panel-heading">Ajax Result</div>
                    <div class="panel-body">
                        <pre id="ajax-result"></pre>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="libs/oidc-client.js"></script>
    <script src="app.js"></script>
</body>
</html>
